<!DOCTYPE html>
<html lang="en">

<head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
      <link rel="stylesheet" href="./css/index.css">
      <script src="./js/jQuery.js"></script>
</head>

<body>
      <!-- 活动 -->
      <div class="TOP_ACTIVE_WRAP">
            <div class="topwrap-box">
                  <a href="#" title="picture"><img src="./img/top-img.jpg" title="img"></a>
            </div>
            <div class="close-btn">x</div>
      </div>
      <div>
            <!--顶部 导航栏 -->
            <div class="topNav">
                  <div class="toolbar">
                        <div class="toolbar-left">
                              <div class="toolbar-left_item">
                                    <a href="#" title="navigation">网站导航</a>
                                    <em></em>
                              </div>
                              <div class="toolbar-left_item">
                                    <a href="#" title="shop">商家入驻</a>
                                    <em></em>
                              </div>
                              <div class="toolbar-left_item">
                                    <a href="#" title="server">客户服务</a>
                                    <em></em>
                              </div>
                              <div class="toolbar-left_item">
                                    <a href="#" title="page">网页无障碍</a>
                              </div>
                              <div class="toolbar-left_item">
                                    <a href="#" title="shanghai">上海</a>
                              </div>
                        </div>
                        <div class="toolbar-right">
                              <div class="reg-bar toolbar-right_item">
                                    <a href="" title="login">请登录</a>
                                    <a href="" title="register=">注册有礼</a>
                              </div>
                              <div class="toolbar-right_item"><a href="#" title="tit">我的订单</a></div>
                              <div class="toolbar-right_item"><a href="#" title="tit">我的易购</a></div>
                              <div class="toolbar-right_item"><a href="#" title="tit">苏宁会员</a></div>
                              <div class="toolbar-right_item"><a href="#" title="tit">购物车</a></div>
                              <div class="toolbar-right_item"><a href="#" title="tit">易付宝</a></div>
                              <div class="toolbar-right_item"><a href="#" title="tit">企业采购</a></div>
                              <div class="toolbar-right_item"><a href="#" title="tit">手机苏宁</a></div>
                        </div>
                  </div>
            </div>
            <!-- 搜索 -->
            <div class=" index-header">
                  <div class="ng-header-con">
                        <div class="ng-header-box">
                              <a href="#" title="logo" class="logo-set">
                                    <img src="./img/sn-logo.jpg" alt="">
                              </a>
                        </div>
                        <div class="ng-search">
                              <form action="#">
                                    <div class="search-keyword-box" id="search">
                                          <input tabindex="0"   type="text" class="search-keyword" value="" placeholder="热暑期精选">
                                          <input  type="submit" class="search-btn"  value="搜索">
                                          <ul class="searchls" id="searchList"></ul>
                                    </div>
                                    
                                    <div class="g-search-hotwords">
                                          <a href="#" title="thing" class="hot-item">手机</a>
                                          <a href="#" title="thing" class="hot-item">爆款洗衣机</a>
                                          <a href="#" title="thing" class="hot-item">冰箱</a>
                                          <a href="#" title="thing" class="hot-item">奶粉特惠</a>
                                          <a href="#" title="thing" class="hot-item">品质家具购</a>
                                          <a href="#" title="thing" class="hot-item">电视</a>
                                          <a href="#" title="thing" class="hot-item">ipad</a>
                                          <a href="#" title="thing" class="hot-item">热水器</a>
                                          <a href="#" title="thing" class="hot-item">沙发</a>
                                    </div>
                              </form>
                        </div>
                  </div>
            </div>
            <!-- 中部导航栏 -->
            <div class="nav-box">
                  <div class="nav-bar">
                        <div class="nav-bar-left">
                              <a href="#" class="all-hook"><span>分类</span></a>
                        </div>
                        <div class="nav-bar-center">
                              <ul class="nav-bar-center-ul">
                                    <li class="djh"><a href="" title="djh"></a><img src="./img/dajuhui.jpg" alt=""></li>
                                    <li><a href="#">电器城</a><span></span></li>
                                    <li><a href="#">手机数码</a><span></span></li>
                                    <li><a href="#">苏宁超市</a><span></span></li>
                                    <li><a href="#">家具建材</a><span></span></li>
                                    <li><a href="#">生活家电</a><span></span></li>
                                    <li><a href="#">帮客服务</a><span></span></li>
                                    <li><a href="#">金融</a></li>
                              </ul>
                        </div>
                        <div class="nav-bar-right">
                              <a href="#" title="pic"><img src="./img/gs" alt=""></a>
                        </div>
                  </div>
            </div>
            <!-- 列表 -->
            <div class="container">
                  <div class="all-list-item-box">
                        <ul class="list-i">
                              <li><img src="./img/listpic.jpg" alt=""> 手机<em>/</em>运营商</li>
                              <li><img src="./img/listpic.jpg" alt=""> 手机<em>/</em>运营商</li>
                              <li><img src="./img/listpic.jpg" alt=""> 手机<em>/</em>运营商</li>
                              <li><img src="./img/listpic.jpg" alt=""> 手机<em>/</em>运营商</li>
                              <li><img src="./img/listpic.jpg" alt=""> 手机<em>/</em>运营商</li>
                        </ul>
                        <div class="content-list">
                              <div class="item_box">
                                    <div class="sort-box">
                                          <a href="#"title='thing'>手机电脑馆</a>
                                          <a href="#"title='thing'>手机频道</a>
                                          <a href="#"title='thing'>智能数码</a>
                                          <a href="#"title='thing'>以旧换新</a>
                                          <a href="#"title='thing'>新品抢先</a>
                                          <a href="#"title='thing'>网上营业厅</a>
                                          <a href="#"title='thing'>企业采购</a>
                                    </div>
                                    <div class="cate-list">
                                          <dl>
                                                <dt><a href="#">手机通讯</a></dt>
                                                <dd>
                                                      <a href="#" title="thing">全部手机</a>
                                                      <a href="#" title="thing">5G手机</a>
                                                      <a href="#" title="thing">游戏手机</a>
                                                      <a href="#" title="thing">iPhone</a>
                                                      <a href="#" title="thing">小米</a>
                                                      <a href="#" title="thing">三星</a>
                                                </dd>
                                          </dl>
                                    </div>
                              </div>
                              <div class="item_box">
                                    <div class="sort-box">
                                          <a href="#"title='thing'>手机电脑馆</a>
                                          <a href="#"title='thing'>手机频道</a>
                                          <a href="#"title='thing'>智能数码</a>
                                          <a href="#"title='thing'>以旧换新</a>
                                          <a href="#"title='thing'>新品抢先</a>
                                          <a href="#"title='thing'>网上营业厅</a>
                                          <a href="#"title='thing'>企业采购</a>
                                    </div>
                                    <div class="cate-list">
                                          <dl>
                                                <dt><a href="#">手机通讯</a></dt>
                                                <dd>
                                                      <a href="#" title="thing">全部手机</a>
                                                      <a href="#" title="thing">5G手机</a>
                                                      <a href="#" title="thing">游戏手机</a>
                                                      <a href="#" title="thing">iPhone</a>
                                                      <a href="#" title="thing">小米</a>
                                                      <a href="#" title="thing">三星</a>
                                                </dd>
                                          </dl>
                                    </div>
                              </div>
                              <div class="item_box">
                                    <div class="sort-box">
                                          <a href="#"title='thing'>手机电脑馆</a>
                                          <a href="#"title='thing'>手机频道</a>
                                          <a href="#"title='thing'>智能数码</a>
                                          <a href="#"title='thing'>以旧换新</a>
                                          <a href="#"title='thing'>新品抢先</a>
                                          <a href="#"title='thing'>网上营业厅</a>
                                          <a href="#"title='thing'>企业采购</a>
                                    </div>
                                    <div class="cate-list">
                                          <dl>
                                                <dt><a href="#">手机通讯</a></dt>
                                                <dd>
                                                      <a href="#" title="thing">全部手机</a>
                                                      <a href="#" title="thing">5G手机</a>
                                                      <a href="#" title="thing">游戏手机</a>
                                                      <a href="#" title="thing">iPhone</a>
                                                      <a href="#" title="thing">小米</a>
                                                      <a href="#" title="thing">三星</a>
                                                </dd>
                                          </dl>
                                    </div>
                              </div>
                              <div class="item_box">
                                    <div class="sort-box">
                                          <a href="#"title='thing'>手机电脑馆</a>
                                          <a href="#"title='thing'>手机频道</a>
                                          <a href="#"title='thing'>智能数码</a>
                                          <a href="#"title='thing'>以旧换新</a>
                                          <a href="#"title='thing'>新品抢先</a>
                                          <a href="#"title='thing'>网上营业厅</a>
                                          <a href="#"title='thing'>企业采购</a>
                                    </div>
                                    <div class="cate-list">
                                          <dl>
                                                <dt><a href="#">手机通讯</a></dt>
                                                <dd>
                                                      <a href="#" title="thing">全部手机</a>
                                                      <a href="#" title="thing">5G手机</a>
                                                      <a href="#" title="thing">游戏手机</a>
                                                      <a href="#" title="thing">iPhone</a>
                                                      <a href="#" title="thing">小米</a>
                                                      <a href="#" title="thing">三星</a>
                                                </dd>
                                          </dl>
                                    </div>
                              </div>
                              <div class="item_box">
                                    <div class="sort-box">
                                          <a href="#"title='thing'>手机电脑馆</a>
                                          <a href="#"title='thing'>手机频道</a>
                                          <a href="#"title='thing'>智能数码</a>
                                          <a href="#"title='thing'>以旧换新</a>
                                          <a href="#"title='thing'>新品抢先</a>
                                          <a href="#"title='thing'>网上营业厅</a>
                                          <a href="#"title='thing'>企业采购</a>
                                    </div>
                                    <div class="cate-list">
                                          <dl>
                                                <dt><a href="#">手机通讯</a></dt>
                                                <dd>
                                                      <a href="#" title="thing">全部手机</a>
                                                      <a href="#" title="thing">5G手机</a>
                                                      <a href="#" title="thing">游戏手机</a>
                                                      <a href="#" title="thing">iPhone</a>
                                                      <a href="#" title="thing">小米</a>
                                                      <a href="#" title="thing">三星</a>
                                                </dd>
                                          </dl>
                                    </div>
                              </div>
                        </div>
                  </div>
            </div>
            <!-- 轮播 -->
            <div class="loop-pic">
                  <div class="container-box">
                        <div class="wrapper">
                              <div class="slide"><img src="https://oss.suning.com/adpp/creative_kit/material/picture/20220321-d34cb9bcf1e84e0dab4a24d27297bc36f37dc8ff951445eb.jpg" alt=""></div>
                              <div class="slide"><img src="https://oss.suning.com/adpp/creative_kit/material/picture/20211021-6474f7f341aa4cebbc34583d5c433e54ac69ed66f8374faf.jpg" alt=""></div>
                              <div class="slide"><img src="https://image4.suning.cn/uimg/cms/img/165589041241265243.png" alt=""></div>
                              <div class="slide"><img src="https://image4.suning.cn/uimg/cms/img/165724762728866348.jpg" alt=""></div>
                              
                              <div class="slide"><img src="https://oss.suning.com/adpp/creative_kit/material/picture/20220321-d34cb9bcf1e84e0dab4a24d27297bc36f37dc8ff951445eb.jpg" alt=""></div>
                        </div>
                        
                        <div class="button-prev">&lt;</div>
                        
                        <div class="button-next">&gt;</div>
                  </div>
            </div>
            <!-- 右侧 -->
      <div class="section-right">
            <div class="right-top">
                  <div class="right-top-logo"><a href="#" title="a"><img src="./img/tool-logo.png" alt=""></a></div>
                  <div class="right-top-login">
                        <p>Hi,欢迎来到苏宁易购</p>
                        <a href="#">登录</a>
                        <span>|</span>
                        <a href="#">注册</a>
                  </div>
                  <a href="#" class="new">199新人专享</a>
                  <a href="#" class="super">开通super尊享特权</a>
                  <div class="three-entry">
                        <a href="#"><img src="./img/hongbao.jpg" alt="">
                              <p>领红包</p>
                        </a>
                        <a href="#"><img src="./img/hongbao.jpg" alt="">
                              <p>领红包</p>
                        </a>
                        <a href="#"><img src="./img/hongbao.jpg" alt="">
                              <p>领红包</p>
                        </a>
                  </div>
            </div>
            <div class="right-bottom">
                  <ul>
                        <li><a href="#" title="qq"><img src="./img/hongbao.jpg" alt="" title="a"></a>
                              <p>话费充值</p>
                        </li>
                        <li><a href="#" title="qq"><img src="./img/hongbao.jpg" alt="" title="a"></a>
                              <p>话费充值</p>
                        </li>
                        <li><a href="#" title="qq"><img src="./img/hongbao.jpg" alt="" title="a"></a>
                              <p>话费充值</p>
                        </li>
                        <li><a href="#" title="qq"><img src="./img/hongbao.jpg" alt="" title="a"></a>
                              <p>话费充值</p>
                        </li>
                        <li><a href="#" title="qq"><img src="./img/hongbao.jpg" alt="" title="a"></a>
                              <p>话费充值</p>
                        </li>
                        <li><a href="#" title="qq"><img src="./img/hongbao.jpg" alt="" title="a"></a>
                              <p>话费充值</p>
                        </li>
                        <li><a href="#" title="qq"><img src="./img/hongbao.jpg" alt="" title="a"></a>
                              <p>话费充值</p>
                        </li>
                        <li><a href="#" title="qq"><img src="./img/hongbao.jpg" alt="" title="a"></a>
                              <p>话费充值</p>
                        </li>
                        <li><a href="#" title="qq"><img src="./img/hongbao.jpg" alt=""></a>
                              <p>话费充值</p>
                        </li>
                  </ul>
            </div>
      </div>
      </div>
</body>
<script src="./js/topwrap.js"></script>
<script src="./js/autoplay.js"></script>
<script src="./js/search.js"></script>
<script src="./js/list.js"></script>

</html>